<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div class="frame" id="palette">
  <div class="bar">
    <div id="plt.bar.1" class="item" style="float: left; font-style: normal" >
      &lt;|&gt;
    </div>
    <div id="plt.bar.3" class="item" style="float: right; font-style: normal">X</div>
    <div id="plt.bar.2" class="item" >
      Style Palette
    </div>
  </div>
  <div class="separator" style="clear: both;">
    C O L O R
  </div>
  <div>
    <div class="pane" style="float:left">
      <div class="title">Foreground</div>
      <div id="plt.fore">
          <a id="plt.fore.1" class="colitem" style="background-color:white" ></a>
          <a id="plt.fore.2" class="colitem" style="background-color:red" ></a>
          <a id="plt.fore.3" class="colitem" style="background-color:green" ></a>
          <a id="plt.fore.4" class="colitem" style="background-color:blue" ></a>
          <a id="plt.fore.5" class="colitem" style="background-color:black" ></a>
      </div>
    </div>
    <div class="pane" style="float:right;">
      <div class="title">Background</div>
      <div id="plt.back">
          <a id="plt.back.1" class="colitem" style="background-color: white" ></a>
          <a id="plt.back.2" class="colitem" style="background-color: red" ></a>
          <a id="plt.back.3" class="colitem" style="background-color: green" ></a>
          <a id="plt.back.4" class="colitem" style="background-color: blue " ></a>
          <a id="plt.back.5" class="colitem" style="background-color: black" ></a>
      </div>
    </div>
  </div>
  <div class="separator" style="clear: both;">
    F O N T
  </div>
  <div class="title-left">
    <div class="pane" id="plt.font.style">
      <span class="title">style : </span>
      <a class="item" id="plt.font.style.1" title="normal">[normal]</a>
      <a class="item" id="plt.font.style.2" title="italic">[italic]</a>
      <a class="item" id="plt.font.style.3" title="oblique">[oblique]</a>
      <a class="item" id="plt.font.style.4" title="underline">[underline]</a>
    </div>
    <div class="pane" id="plt.font.weight">
      <span class="title">weight : </span>
      <a class="item" id="plt.font.weight.1" title="normal">[normal]</a>
      <a class="item" id="plt.font.weight.2" title="bold">[bold]</a>
    </div>
    <div class="pane" id="plt.font.size">
      <span class="title">size : </span>
      <a class="item" id="plt.font.size.1" title="8pt">[8pt]</a>
      <a class="item" id="plt.font.size.2" title="12pt">[12pt]</a>
      <a class="item" id="plt.font.size.3" title="16pt">[16pt]</a>
    </div>
  </div>
</div>
    